<template>
    <div>
        <h2>多模版之mecity模版</h2>
        <div>字体图标<i class="icon-search"></i></div>
        <div><i class="iconfont">&#xe604;</i></div>
        <div><i class="iconfont">&#58881;</i></div>
        <div><i class="iconfont">&#58883;</i></div>
        <div><i class="iconfont">&#58884;</i></div>
        dfadsdfasdfasd
        <div>
            多语言：{{$t('你好')}}
        </div>
        <div v-for="(list,index)  in  lists" class="weui-panel__bd">
                        <a :href="`/#/goods/${list.productId}?channelCode=${list.channelCode}`" class="weui-media-box  weui-media-box_appmsg">
                            <img :src="list.imgUrl_300_300" alt="">
                                <!-- <span style="font-size:20px;">Loading</span> -->
                                <!-- <x-img :src="getImagesUrl[index]" :webp-src="`${getImagesUrl[index]}?type=webp`" @on-success="success" @on-error="error" class="ximg-demo" error-class="ximg-error" :offset="-100" container="#vux_view_box_body"></x-img> -->
                        </a>
                        <div class="weui-media-box__bd">
                            <h4 class="weui-media-box__title">{{list.brandName}}</h4>
                            <p>{{list.productName}}</p>
                            <strong>￥{{list.salesPrice}}</strong>
                            <del>￥{{list.marketPrice}}</del>
                            <span>{{list.discount/10}}折</span>
                        </div>
        </div>
    </div>
    
</template>
<script>
export default {
    data() {
        return {
            lists: []          
        }
    },
    computed: {
         
    },
    mounted() {
        this.$http.get('/search/get-search-goods/a_a_a_a_a_a_a_3_-1_a_a_a.shtml').then(response => {
            this.lists = response.data.data.list
            console.log(this.lists)
        }, response => {

        })
    },
    methods: {
        
    },
    components: {
         
    }
}
</script>
<style>

</style>
